<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; CHARSET=UTF-8" />
    <title>bomomo</title>
    <link rel="stylesheet" href="default3.css" type="text/css" media="screen,projection,print" />
    <!--[if !IE]><![IGNORE[-->
    <![IGNORE[]]>
    <script type="text/javascript" src="default-c.js?v=1_0"></script>
    <!--<![endif]-->
    <!--[if IE]>
        <script type="text/javascript" src="default-flash.js"></script>
    <![endif]-->
    <meta name="description" content="The homepage of bomomo" />
</head>

<body>

    <div class="app">
        <!-- google_ad_section_start(weight=ignore) -->

        <!--[if !IE]><![IGNORE[-->
        <![IGNORE[]]>
        <canvas class="canvas" id="canvasBackground"></canvas>
        <!--<![endif]-->

        <!--[if IE]>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
        width="760" height="520" id="bomomo" class="canvas" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="bomomo.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="bomomo.swf" quality="high" bgcolor="#ffffff" width="760" height="520" name="bomomo" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
    <![endif]-->

        <!--[if !IE]><![IGNORE[-->
        <![IGNORE[]]>
        <canvas class="canvas" id="canvasForeground" onmousedown="handleMouseDown(event)"
            onmouseup="handleMouseUp(event)" onmouseover="handleMouseIn(event)" onmouseout="handleMouseOut(event)"
            onmousemove="handleMouseMoved(event)"></canvas>
        <!--<![endif]-->

        <div id="tools">
            <span class="button" id="button1" onclick="buttonClicked(1)" onmouseover="buttonOver(1)"
                onmouseout="buttonOut(1)"><img src="image/button/1.png" alt="" /></span><span class="button"
                id="button2" onclick="buttonClicked(2)" onmouseover="buttonOver(2)" onmouseout="buttonOut(2)"><img
                    src="image/button/2.png" alt="" /></span><span class="button" id="button3"
                onclick="buttonClicked(3)" onmouseover="buttonOver(3)" onmouseout="buttonOut(3)"><img
                    src="image/button/3.png" alt="" /></span><span class="button" id="button4"
                onclick="buttonClicked(4)" onmouseover="buttonOver(4)" onmouseout="buttonOut(4)"><img
                    src="image/button/4.png" alt="" /></span><span class="button" id="button5"
                onclick="buttonClicked(5)" onmouseover="buttonOver(5)" onmouseout="buttonOut(5)"><img
                    src="image/button/5.png" alt="" /></span><span class="button" id="button6"
                onclick="buttonClicked(6)" onmouseover="buttonOver(6)" onmouseout="buttonOut(6)"><img
                    src="image/button/6.png" alt="" /></span><span class="button" id="button7"
                onclick="buttonClicked(7)" onmouseover="buttonOver(7)" onmouseout="buttonOut(7)"><img
                    src="image/button/7.png" alt="" /></span><span class="button" id="button8"
                onclick="buttonClicked(8)" onmouseover="buttonOver(8)" onmouseout="buttonOut(8)"><img
                    src="image/button/8.png" alt="" /></span><span class="button" id="button9"
                onclick="buttonClicked(9)" onmouseover="buttonOver(9)" onmouseout="buttonOut(9)"><img
                    src="image/button/9.png" alt="" /></span><span class="button" id="button10"
                onclick="buttonClicked(10)" onmouseover="buttonOver(10)" onmouseout="buttonOut(10)"><img
                    src="image/button/10.png" alt="" /></span><span class="button" id="button11"
                onclick="buttonClicked(11)" onmouseover="buttonOver(11)" onmouseout="buttonOut(11)"><img
                    src="image/button/11.png" alt="" /></span><span class="button" id="button12"
                onclick="buttonClicked(12)" onmouseover="buttonOver(12)" onmouseout="buttonOut(12)"><img
                    src="image/button/12.png" alt="" /></span><span class="button" id="button13"
                onclick="buttonClicked(13)" onmouseover="buttonOver(13)" onmouseout="buttonOut(13)"><img
                    src="image/button/13.png" alt="" /></span><span class="button" id="button14"
                onclick="buttonClicked(14)" onmouseover="buttonOver(14)" onmouseout="buttonOut(14)"><img
                    src="image/button/14.png" alt="" /></span><span class="button" id="button15"
                onclick="buttonClicked(15)" onmouseover="buttonOver(15)" onmouseout="buttonOut(15)"><img
                    src="image/button/15.png" alt="" /></span><span class="button" id="button16"
                onclick="buttonClicked(16)" onmouseover="buttonOver(16)" onmouseout="buttonOut(16)"><img
                    src="image/button/16.png" alt="" /></span><span class="button" id="button17"
                onclick="buttonClicked(17)" onmouseover="buttonOver(17)" onmouseout="buttonOut(17)"><img
                    src="image/button/17.png" alt="" /></span><span class="button" id="button18"
                onclick="buttonClicked(18)" onmouseover="buttonOver(18)" onmouseout="buttonOut(18)"><img
                    src="image/button/18.png" alt="" /></span><span class="button" id="button19"
                onclick="buttonClicked(19)" onmouseover="buttonOver(19)" onmouseout="buttonOut(19)"><img
                    src="image/button/19.png" alt="" /></span><span class="button" id="button20"
                onclick="buttonClicked(20)" onmouseover="buttonOver(20)" onmouseout="buttonOut(20)"><img
                    src="image/button/20.png" alt="" /></span>
            <div id="toolsSeparator">&nbsp;</div>
            <!-- <a href="javascript:saveCanvas()" class="toolbarButton" id="toolbarButtonSave" title=""><img
                    src="image/save.png" alt="" /></a> -->
            <a href="javascript:newCanvas()" class="toolbarButton" id="toolbarButtonNew" title="New"><img
                    src="image/new.png" alt="New" /></a>
            <!--[if !IE]><![IGNORE[-->
            <!-- <![IGNORE[]]> -->
            <!-- <a href="javascript:showMenu()" onmouseover="showMenuHover()" onmouseout="closeMenuDelay()"
                class="toolbarButton" id="toolbarButtonMenu"><img src="image/menu.png" alt="&gt;" /></a> -->

            <div id="menu" onmouseover="overMenu()" onmouseout="closeMenuDelay()">
                <a href="javascript:saveCanvas()" onmouseover="overMenu()" onmouseout="closeMenuDelay()"
                    class="saveMenu">save normal</a>
                <a href="javascript:saveCanvasHi()" onmouseover="overMenu()" onmouseout="closeMenuDelay()"
                    class="saveMenu">
                    save high quality<span class="footnote">&nbsp; (rename to *.png)</span></a>
                <a href="javascript:showAbout()" onmouseover="overMenu()" onmouseout="closeMenuDelay()">about...</a>
            </div>
            <!--<![endif]-->
        </div>
        <div id="about">
            <div class="closeAbout" onclick="hideAbout()">x</div>
            <p>
                bomomo
                created by Philipp Lenssen 2008.

                Internet Explorer version by Nikolai Kordulla.
                Feel free to share any image you create in any way you like... it's yours!
                We may also save and republish a copy of images you save.
            </p>
            <p><em>Feedback? Please email <a href="mailto:info@bomomo.com?subject=bomomo">info@bomomo.com</a></em></p>
            <p>Other sites that may be of interest:
                <p><a href="javascript:hideAbout()">&gt;&gt; close</a></p>
        </div>
    </div>
    <form action="http://bomomo.com/save.php5" method="post" id="mainForm">
        <div>
            <input type="hidden" name="canvasData" id="canvasData" value="" />
        </div>
    </form>
    <div>bomomo:<a href="http://bomomo.com/">http://bomomo.com/</a></div>
</body>

</html>